﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <meta charset="utf-8" /><script type="text/javascript">
        $(function(){
            $('#dg').datagrid({
                fitColumns: true, //真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
                toolbar: "#tb",//toolbar:通过选择器指定的工具栏
                pagination: true,//pagination:如果为true,则在DataGrid控件底部显示分页工具栏
                //fit: true,  //fit当设置为true的时候面板大小将自适应父容器
                singleSelect: true,//如果为true，则只允许选择一行
                rownumbers:true,//如果为true，则显示一个行号列
                url: '/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json',
                method:"get",
                columns: [[
                         { field: 'productid', title: '礼品编号', width: 100 },
                         { field: 'unitcost', title: '礼品代号', width: 100 },
                         { field: 'listprice', title: '礼品名称', width: 100 },
                         { field: 'status', title: '所需积分', width: 100 },
                         { field: 'listprice', title: '礼品数量', width: 100 },
                         { field: 'attr1', title: '已兑换数量', width: 100 },
                         { field: 'itemid', title: '备注', width: 100, align: 'right' }
                         ]]
            });
            //$(".Delete").click(function () {
            //    var row = $("#dg").datagrid("getSelected");
            //    if (row!=null) {
            //        if(row.User.U_CanDelete)
            //        {
            //            $.messager.confirm("提示", "是否删除该条礼品信息", function (r) {
                            
            //            })
            //        }
            //    }
            //})
            $(".Update").click(function () {
                var row = $("#dg").datagrid("getSelected");
                if (row!=null) {
                    $("#dlg").dialog({ width: 400, height: 400 })
                             .dialog("setTitle", "修改礼品")
                             .dialog("open");
                    $("#frm1").attr("src", "18_lipinUpdate.html");
                }
                else
                {
                    $.messager.alert("提示", "请选择需要编辑的行", "warning");
                }
            })
    $(".Insert").click(function () {
        $("#dlg").dialog({ width: 400, height: 400 })
                 .dialog("setTitle", "添加礼品")
                 .dialog("open");
        $("#frm1").attr("src", "17_lipinAdd.html");
    })

    $(".Delete").click(function () {
        var row = $("#dg").datagrid("getSelected");
        if (row != null) {
            //$("#dlg").dialog({ width: 400, height: 200 })
            //         .dialog("setTitle", "删除礼品")
            //         .dialog("open");
            //$("#frm1").attr("src", "lipinUpdate.html");
            alert("确认删除礼品信息");
        }
        else {
            $.messager.alert("提示", "请选择需要删除的行", "warning");
        }
    })
        //$.extend($.messager.defaults, {
        //    ok: "确定",
        //    cancel: "取消"
        //});
        })
</script>
</head>
<body>
    <a  href="javascript:" class="easyui-linkbutton Insert" iconCls="icon-add">新增</a>
    <a  href="javascript:" class="easyui-linkbutton Update" iconCls="icon-edit">修改</a>
    <a  href="javascript:" class="easyui-linkbutton Delete" iconCls="icon-remove">删除</a>

    <table id="dg"></table> 
   
    <div id="dlg" style="margin:0px auto;">
    <iframe id="frm1" width="99%" height="99%" frameborder="0" style="margin:0px auto;"></iframe>
    </div>
   
    
   
</body>
</html>
